<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>---</title>
		<link rel="stylesheet" href="css/zt_index.css">
		<link rel="stylesheet" href="css/font/localFont.css">
		<!--图标库-->
		<link rel="stylesheet" href="css/plugIn/font-awesome-4.7.0/css/font-awesome.min.css">
		<!--layui框架-->
		<link rel="stylesheet" href="js/plugIn/layui-master/src/css/layui.css">
		<script src="js/plugIn/jquery/jquery.min.js"></script><!--jquery 要在layui之前，这样layui就不会加载内部的jquery-->
		<script src="js/plugIn/layui-master/src/layui.js"></script>
		<!--konva 7.4 konva 7.5 元素不能有阴影，如果有阴影，元素超过10个，移动特别慢   ，5.3版本的没有问题   .-->
		<script src="js/plugIn/konva-master/konva.min.js"></script>
		<script src="js/plugIn/konva-master/gifler.min.js"></script>
		<!-- <script src="js/plugIn/echart5.3.2/echarts.min.js"></script>
		<script src="js/plugIn/echart5.3.2/echarts-liquidfill.min.js"></script> -->

		<script src="config/echart/echartOption.js"></script>
		<script src="js/common/tool.js"></script>
		<script src="config/InitConfig.js"></script>


		<style>
			@media all and (max-width:2560px) {
				.main_page_top_center_title .layui-btn {
				    padding: 0 10px!important;
				    /*10px*/
				    /* border:1px solid red; */
				}
			}
			@media all and (max-width:1700px) {
				.main_page_top_center_title .layui-btn {
				    padding: 0 8px!important;
				    /*10px*/
				    /* border:1px solid red; */
				}
			}
			@media all and (max-width:1600px) {
				.main_page_top_center_title .layui-btn {
				    padding: 0 6px!important;

				}
			}
			@media all and (max-width:1440px) {
				.main_page_top_center_title .layui-btn {
				    padding: 0 5px!important;
				    /*10px*/
				    /* border:1px solid red; */
				}

				.main_page_top_center_title .layui-btn span{
					width:26px!important;
					height:26px!important;
				}
			}

			@media all and (max-width:1300px) {
				.main_page_top_center_title .layui-btn {
				    padding: 0 2px!important;
				    /*10px*/
				    /* border:1px solid red; */
				}
			}

			@media all and (max-width:1224px) {
				.main_page_top_center_title .layui-btn {
				    padding: 0 1px!important;
				    /*10px*/
				    /* border:1px solid red; */
				}
			}
			/*解决表格不能自动换行 start*/
			.layui-table-cell {
				font-size:14px;
				padding:0 2px;
				height:auto;
				overflow:visible;
				text-overflow:inherit;
				white-space:normal;
				word-break: break-all;
			}
			/*解决表格不能自动换行 end*/
			/*解决表格里面的下拉框被挡住 start*/
			.layui-table-box {
				position: relative;
				overflow: visible;
			}
			.layui-table-body {
				position: relative;
				overflow: visible;
				margin-right: -1px;
				margin-bottom: -1px;
			}
			/*解决表格里面的下拉框被挡住 end*/
			/*解决表格里面的颜色选项显示不正常 start*/
			.layui-table-cell .layui-colorpicker {
				width: 26px;
				height: 26px;
				border: 1px solid #e6e6e6;
				padding: 0px;
				border-radius: 2px;
				line-height: 24px;
				display: inline-block;
				cursor: pointer;
				transition: all .3s;
				-webkit-transition: all .3s;
			}
			/*解决表格里面的颜色选项显示不正常 end*/
			/* .layui-form-item {
				margin-bottom: 5px;
				clear: both;
				*zoom: 1;
			} */

			.module_panel {
			    display: flex!important;
			    justify-content: space-between;
			    align-items: center;
			}
			/* 约束基础组件的宽高大小 */

			.basemodule .module_img_d .module_img {
				max-height: 35px;
			}

			.basemodule .module_img_d .module_img_text {
				margin-top: 1px!important;
				margin-bottom: 5px!important;
			}
			/* 组件下的交互组件 */
			.basemodule .layui-colla-item:first-child .module_panel .module_img_d {
			    height: 60px!important;
			    margin-top: 5px!important;
			}

			/* 组件下的基本元素 */
			.basemodule .layui-colla-item:nth-child(2) .module_panel .module_img_d:nth-child(6) .module_img {
			    height: 20px!important;
				margin-top:14px;
				margin-bottom:1px;
			}

			.basemodule .layui-colla-item:nth-child(2) .module_panel .module_img_d:nth-child(9) .module_img {
			    height: 10px!important;
				margin-top:20px;
				margin-bottom:5px;
			}

			/* 组件下的天气时间 */
			.basemodule .layui-colla-item:nth-child(4) .module_panel .module_img_d {
			    height: 60px!important;
			}
			/* 组件下的echarts组件 */
			.basemodule .layui-colla-item:nth-child(3) .module_panel .module_img_d .module_img{
			    height: 35px!important;
			}
			/* 约束图库组件的宽高大小 */

			.mapStorageModule .module_img_d .module_img {
			    max-height: 50px!important;
			}
			/* 图元下的给排水的水泡组件加个边框，不然看不到 */
			.mapStorageModule .layui-colla-item:first-child .module_img_d:last-child .module_img {
			    border:1px solid #ccc;
			}
			/* 约束装饰组件的宽高大小 */

			.decoration .module_img_d {
			    height: 65px!important;
			    /* margin-top:5px!important; */
			}

			.decoration .module_img_d .module_img {
			    max-height: 45px!important;
			}

			.decoration .module_panel .module_img_d .module_img_text {
			    margin: 2px 0!important;
			}

			.decoration .layui-colla-item:first-child .module_panel .module_img_d {
			    height: 50px!important;
			}

			.decoration .layui-colla-item:first-child .module_img_d .module_img {
			    max-height: 30px!important;
			}
			/* 约束我的图库组件的宽高大小 */

			.myMapStorageModule .module_panel .module_img_d {
			    height: 80px!important;
			    margin-top: 2px!important;
			    /* border:1px solid red; */
			}

			.myMapStorageModule .module_img_d .module_img {
			    width: 100%!important;
			    max-height: 50px;
			}

			.myMapStorageModule .layui-btn-normal {
			    background-color: #cc0000;
			    margin-top: 4px;
			}

			.myMapStorageModule .layui-tab-card>.layui-tab-title .layui-tab-bar {
			    display: none;
			}

			.main_page_center_left .layui-tab-title li {
			    padding: 0!important;
			    width: 19%!important;
			    min-width: 52px!important;
			    /* border:1px solid red; */
			}


			.main_page_center_left .layui-tab-title .lay-tab-bar {
			    display: hidden;
			}

			#add_MyModual,
			#add_MyDraw {
			    font-size: 24px;
			    width: 32px;
			    padding: 0;
			    text-align: center;
			    height: 32px!important;
			    line-height: 32px!important;
			    margin-top: 5px;
			    color: #fff;
			    background-color: deepskyblue;
			    border: none;
			}

			.main_page_top_center {
			    width: 67%!important;
			    /* border:1px solid red; */
			}

			.main_page_top_right {
			    /* width:17.5%!important; */
			    /* border:1px solid red; */
			}

			.main_page_center_center {
			    width: 69%;
			}

			#backColor .layui-form-label {
			    width: 66px;
			    margin-right: 2px;
			}

			#backColor .layui-input-inline {
			    margin-right: 2px;
			}

			.main_page_top_center_title .layui-btn {
			    padding: 0 10px!important;
			    /*10px*/
			    /* border:1px solid red; */
			}

			.layui-tab-title .layui-this{
				color:deepskyblue!important;
				/* font-weight:600; */
				border-bottom:2px solid deepskyblue;
			}

      /* 给对话框加圆角 */
      .layer-class{
      	border-radius:8px!important;
      }

      .layer-class .layui-layer-title{
      	border-radius:8px 8px 0 0!important;
      }
    </style>
  </head>
	<body>

		<div class="main_page">
			<div class="main_page_top">
				<div  class="main_page_top_left">
					<!-- 左侧面板收缩按钮 -->
					<div style="float:left">
						<i id="left_shrink" class="layui-icon layui-icon-left" style="cursor:pointer;font-size: 30px; color: #1E9FFF;"></i>
						<i  id="full" class="layui-icon layui-icon-screen-full" title="全屏/退出全屏" style="cursor:pointer;font-size: 30px; color: #1E9FFF;"></i>
					</div>
					<!--<button id="left_shrink"  class="layui-btn"></button>-->
					<!-- <div style="color:#ffffff;font-size: 21px;margin-right: 14px">BY组态<span style="color:#ffffff;font-size: 12px"> (VIP版)</span></div> -->
				    <div style="display:inline-block;width:66%;color:#ffffff;font-size:20px;font-weight:600;text-align:center;">组态编辑器</div>
				</div>
				<div class="main_page_top_center">
					<div class="main_page_top_center_title">
						<button style="background: none;" onclick="stageOper.topButtonFun('CtrlZ')"  class="layui-btn layui-btn-normal "><span style="width: 30px;height: 30px;" class="iconCancel butTips_top" data-title="撤销【Ctrl+Z】"></span></button>
						<button style="background: none;"  onclick="stageOper.topButtonFun('CtrlY')"   class="layui-btn layui-btn-normal "><span style="width: 30px;height: 30px;" class="iconRecover butTips_top" data-title="恢复【Ctrl+Y】"></span></button>
						<!-- <button style="background: none;padding: 0 6px;"  onclick="stageOper.topButtonFun('copy')" class="layui-btn layui-btn-normal "><span style="width: 30px;height: 30px;" class="iconCopy butTips_top" data-title="复制【Ctrl+V】"></span></button> -->
						<button style="background: none;"  onclick="stageOper.topButtonFun('copy')" class="layui-btn layui-btn-normal "><img src="config/image/copy.png" style="width: 26px;height: 26px;" class="butTips_top" data-title="复制【Ctrl+V】"/></button>
						<!-- <button style="background: none;padding: 0 8px;"  onclick="stageOper.topButtonFun('copyOut')" class="layui-btn layui-btn-normal "><span style="width: 30px;height: 30px;" class="iconCopy butTips_top" data-title="复制【Ctrl+C】"></span></button> -->
						<button style="background: none;"  onclick="stageOper.topButtonFun('copyOut')" class="layui-btn layui-btn-normal "><img src="config/image/copyOut.png" style="width: 26px;height: 26px;" class="butTips_top" data-title="跨图纸复制【Ctrl+C】,切换图纸后按Ctrl+V或其左侧图标"/></button>
						<button style="background: none;"  onclick="stageOper.topButtonFun('up')"  class="layui-btn layui-btn-normal" ><span style="width: 30px;height: 30px;" class="iconUp butTips_top" data-title="上移一层"></span></button>
						<button style="background: none;"  onclick="stageOper.topButtonFun('down')"  class="layui-btn layui-btn-normal "><span style="width: 30px;height: 30px;" class="iconDown butTips_top" data-title="下移一层"></span></button>
						<button style="background: none;"  onclick="stageOper.topButtonFun('top')"  class="layui-btn layui-btn-normal "><span style="width: 30px;height: 30px;" class="iconTop butTips_top" data-title="置于顶层"></span></button>
						<button style="background: none;"  onclick="stageOper.topButtonFun('bottom')"   class="layui-btn layui-btn-normal "><span style="width: 30px;height: 30px;" class="iconBotton butTips_top" data-title="置于底层"></span></button>
                        <!-- 新增对齐方式快捷按钮 -->
						<button style="background: none;"  onclick="stageOper.moduleAlign('left_align')"   class="layui-btn layui-btn-normal "><span style="width: 30px;height: 30px;" class="iconLeftAlign butTips_top" data-title="多组件左对齐"></span></button>
						<button style="background: none;"  onclick="stageOper.moduleAlign('right_align')"   class="layui-btn layui-btn-normal "><span style="width: 30px;height: 30px;" class="iconRightAlign butTips_top" data-title="多组件右对齐"></span></button>
						<button style="background: none;"  onclick="stageOper.moduleAlign('up_align')"   class="layui-btn layui-btn-normal "><span style="width: 30px;height: 30px;" class="iconUpAlign butTips_top" data-title="多组件上对齐"></span></button>
						<button style="background: none;"  onclick="stageOper.moduleAlign('buttom_align')"   class="layui-btn layui-btn-normal "><span style="width: 30px;height: 30px;" class="iconDownAlign butTips_top" data-title="多组件下对齐"></span></button>
						<button style="background: none;"  onclick="stageOper.moduleAlign('center_horizontally')"   class="layui-btn layui-btn-normal "><span style="width: 30px;height: 30px;" class="iconHorizontalCenter butTips_top" data-title="多组件水平居中"></span></button>
						<button style="background: none;"  onclick="stageOper.moduleAlign('vertical_horizontally')"   class="layui-btn layui-btn-normal "><span style="width: 30px;height: 30px;" class="iconVerticalCenter butTips_top" data-title="多组件垂直居中"></span></button>
                        <!-- 新增结束 -->
						<button style="background: none;"  onclick="stageOper.topButtonFun('delete')"  class="layui-btn layui-btn-normal" ><span style="width: 30px;height: 30px;" class="iconDelete butTips_top" data-title="删除【DELETE】"></span></button>
						<button style="background: none;"  onclick="stageOper.stageMaxMin('max')"  class="layui-btn layui-btn-normal"><span style="width: 30px;height: 30px;" class="iconZoomin butTips_top" data-title="放大【Ctrl+滚轮】"></span></button>
						<div class="layui-inline">
							<div class="layui-input-inline">
								<input id="stageProportion" value="100%" type="tel" style="width:50px" name="stageProportion" readonly autocomplete="off" class="layui-input">
							</div>
						</div>
						<button  style="background: none;"  onclick="stageOper.stageMaxMin('min')"     class="layui-btn layui-btn-normal"><span style="width: 30px;height: 30px;" class="iconZoomout butTips_top" data-title="缩小【Ctrl+滚轮】"></span></button>
						<button  style="background: none;"  onclick="stageOper.stageMaxMin('restore')"  class="layui-btn layui-btn-normal "><span style="width: 30px;height: 30px;" class="iconNormal butTips_top" data-title="还原"></span></button>
					  <!-- <button style="background: none;" id="reNew" onclick="stageOper.initStage()" class="layui-btn layui-btn-normal"><span style="width: 30px;height: 30px;" class="iconRefresh butTips_top" data-title="刷新"></span></button> -->
					   <button style="background: none;" id="reNew" class="layui-btn layui-btn-normal"><span style="width: 30px;height: 30px;" class="iconRefresh butTips_top" data-title="刷新"></span></button>

          </div>
				</div>
				<div class="main_page_top_right">
					<div class="layui-btn-group" style = 'margin-left: 10px'>
						<button id="bc" class="layui-btn layui-btn-normal" style="padding: 0 10px;"><i class="fa fa-floppy-o fa-lg"></i> 保存</button>
						<button id="yl" class="layui-btn layui-btn-normal" style="padding: 0 10px;"><i class="fa fa-eye fa-lg"></i> 预览</button>
						<!-- <button id="bcmb" class="layui-btn" style="padding: 0 10px;">保存到模板</button> -->
					</div>
					<!-- 右侧面板收缩按钮 -->
					<div style="float:right;">
						<i class="fa fa-keyboard-o fa-md" id="shortcut_key" style="cursor:pointer;color:#1E9FFF;font-size:30px;margin-right:5px;"></i>
						<i id="right_shrink" class="layui-icon layui-icon-right" style="cursor:pointer;font-size: 30px; color: #1E9FFF;"></i>
					</div>
					<!--<button id="right_shrink" class="layui-btn"></button>-->
				</div>
			</div>
			<div class="main_page_center">
				<div class="main_page_center_left">
					<div class="layui-tab layui-tab-card"  style="border-width: 0px;margin:0px;">
						<ul class="layui-tab-title">
							<li class="layui-this">图纸</li>
							<li>组件</li>
							<li>图元</li>
							<li>装饰</li>
							<!-- <li>画面模板</li> -->
							<li>我的</li>
						</ul>

						<div class="layui-tab-content" style="padding: 0px; border-top:5px solid #bec2ce;">
							<div class="layui-tab-item layui-show">
							    <div class="layui-collapse drawsmodule" lay-accordion="" lay-filter="module_panel">

							    </div>
							</div>
							<div class="layui-tab-item">
								<div class="layui-collapse basemodule" lay-accordion=""  lay-filter="module_panel">

								</div>
							</div>
							<div class="layui-tab-item">
								<div class="layui-collapse mapStorageModule" lay-accordion=""  lay-filter="module_panel">

								</div>
							</div>
							<div class="layui-tab-item">
								<div class="layui-collapse decoration" lay-accordion=""  lay-filter="module_panel">

								</div>

							</div>
							<!-- <div class="layui-tab-item">

								<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief" style="border-width: 0px;margin:0px">
									<ul class="layui-tab-title">
										<li class="layui-this">预设模板</li>
										<li>我的模板</li>
									</ul>
									<div class="layui-tab-content" style="padding: 0px;">
										<div class="layui-tab-item layui-show">
											<div class="layui-collapse ScreenTemplate" lay-accordion=""  lay-filter="module_panel">

											</div>
										</div>
										<div class="layui-tab-item">
											<div class="layui-collapse ScreenTemplateMy" lay-accordion=""  lay-filter="module_panel">

											</div>
										</div>
									</div>
								</div>



							</div> -->
							<div class="layui-tab-item">
								<div class="layui-collapse myMapStorageModule" lay-accordion=""  lay-filter="module_panel">

								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="main_page_center_center">
					<!-- 内容区域 -->
						<div id="container" style = "margin: auto;border:1px solid rgb(151 206 222);background-color: #ffffff;"></div>
				</div>
				<div class="main_page_center_right">
					<div class="layui-tab layui-tab-card"  lay-filter="zt_attr_tab" style="border-width: 0px;margin:0px;">
						<ul class="layui-tab-title">
							<li class="layui-this">组件属性</li>
							<li>画布属性</li>
							<!-- <li id = "stageStructureTitle">画布图层</li> -->
						</ul>
						<div class="layui-tab-content">
							<div class="layui-tab-item layui-show">
								<form class="layui-form" action="" id="zjsx" lay-filter="zjsx">

								</form>
							</div>
							<div class="layui-tab-item">
								<form class="layui-form" action="" lay-filter="hbsx">
									<div class="layui-form-item" style="position:relative;">
									    <label class="layui-form-label" style="width:66px!important;">画布类型</label>
									    <div class="layui-input-block" style="width:180px;position:absolute;left:-10px;">
									        <select id="selectCanvasType" name="selectCanvasType"  lay-filter="selectCanvasType">

											</select>
									    </div>
									</div>

									<div class="layui-form-item" id="stageSizeSelect" style="position:relative;">
									    <label class="layui-form-label" style="width:66px!important;">画布大小</label>
									    <div class="layui-input-block" style="width:180px;position:absolute;left:-10px;">
									        <select id="selectResolution" name="selectResolution" lay-filter="selectResolution">

											</select>
									    </div>
									</div>

									<div class="layui-form-item" id="stageSizeSet" style="display:none;">
									    <label class="layui-form-label">画布大小</label>
									    <div class="layui-input-inline" style="display:inline-block;width: 180px;">
											<!-- lay-filter表示历史记忆 -->
											<input type="text" value="" id="stageSize" name="stageSize" lay-filter="stageSize" placeholder="格式:宽*高,如:400*300" class="layui-input" style="display:inline-block;width:100%;margin-left:-5px;" >
									        <!-- <input type="text" value="" placeholder="画布宽度" class="layui-input" style="display:inline-block;width: 86px;" id="stageWidth"> -->
											<!-- <span>*</span> -->
											<!-- <input type="text" value="" placeholder="画布高度" class="layui-input" style="display:inline-block;width: 86px;" id="stageHeight"> -->
									    </div>
									</div>

									<div class="layui-form-item" id="backColor">
									    <label class="layui-form-label">背景颜色</label>
									    <div class="layui-input-inline" style="margin-left: 7px;width: 150px;">
									        <input type="text" value="" placeholder="请选择颜色" class="layui-input" id="stageBackgroundColor">
									    </div>
									    <div class="layui-inline" style="margin-bottom: 0px; margin-right: 0px;left:0;width:40px;">
									        <div id="stageBackgroundColorSelect"></div>
									    </div>
									</div>

									<div class="layui-form-item">
									    <label class="layui-form-label">背景图片</label>
									    <div class="layui-input-block">
									        <img class="butTips" tipsMess="请选择图片" id="stageBackgroundImage" src="config/gyyj/noimg.svg" style="margin-left:-8px;width:80px;height:50px;margin-right:5px;cursor:pointer" />
									        <button style="" onclick="stageOper.deleteStageBackgroundImage();return false;" class="layui-btn layui-btn-normal"><i class="fa fa-trash-o fa-md"></i></button>
									    </div>
									</div>
									<div class="layui-form-item">
									    <label class="layui-form-label" style="width:76px!important;">辅助线</label>
									    <div class="layui-input-block" style="margin-left:16px;">
									        <input id="hbfzx" type="checkbox" lay-filter="hbfzx" title="网格">
									    </div>
									</div>

									<div class="layui-form-item" style="display: none" id='gridColorGroup'>
									    <label class="layui-form-label">辅助线颜色</label>
									    <div class="layui-input-inline" style="margin-left:-2px;width: 120px;">
									        <input type="text" value="" placeholder="请选择颜色" class="layui-input" id="gridColor">
									    </div>
									    <div class="layui-inline" style="margin-bottom: 0px; margin-right: 0px;left: -11px;">
									        <div id="gridColorSelect"></div>
									    </div>
									</div>

									<!-- <div class="layui-form-item">
										<label class="layui-form-label">画布辅助线</label>
										<div class="layui-input-block">
											<input id="hbfzx" type="checkbox"  lay-filter="hbfzx"   title="网格">
										</div>
									</div>

									<div class="layui-form-item" style="display: none" id = 'gridColorGroup'>
										<label class="layui-form-label">辅助线颜色</label>
										<div class="layui-input-inline" style="margin-left: 5px;width: 120px;">
											<input type="text" value="" placeholder="请选择颜色" class="layui-input" id="gridColor">
										</div>
										<div class="layui-inline" style="margin-bottom: 0px; margin-right: 0px;left: -11px;">
											<div id="gridColorSelect"></div>
										</div>
									</div> -->

									<!-- <div class="layui-form-item">
									<label class="layui-form-label">背景颜色</label>
									<div class="layui-input-inline" style="margin-left: 5px;width: 120px;">
										<input type="text" value="" placeholder="请选择颜色" class="layui-input" id="stageBackgroundColor">
									</div>
									<div class="layui-inline" style="margin-bottom: 0px; margin-right: 0px;left: -11px;">
										<div id="stageBackgroundColorSelect"></div>
									</div>
									</div> -->
                                    <!-- 该功能与其他功能冲突，不能启动-->
									<!-- <div style="display:none" class="layui-form-item">
										<label class="layui-form-label">画布拖动</label>
										<div class="layui-input-block">
											<input type="radio" name="drag" value="false"  lay-filter="stagedrag" title="否" checked="">
											<input type="radio" name="drag" value="true" lay-filter="stagedrag" title="是">
										</div>
									</div> -->

									<!-- <div  class="layui-form-item">
										<label class="layui-form-label">背景图片</label>
										<div class="layui-input-block">
											<img  class="butTips" tipsMess="请选择图片"  id="stageBackgroundImage" src="config/gyyj/error2.jpg" style="width: 80px;cursor:pointer" />
											<button style=""  onclick="stageOper.deleteStageBackgroundImage();return false;"  class="layui-btn layui-btn-normal" ><i class="fa fa-trash-o fa-lg"></i></button>
										</div>
									</div> -->
                                    <!-- 暂时不启用条件弹框2022/5/6 -->
									<!-- <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;margin-bottom: 5px;border-color:#000000">
									<legend style="font-size: 16px">条件弹框</legend>
									</fieldset>
									<div class="layui-form-item">
										<label class="layui-form-label">是否启用</label>
										<div class="layui-input-block">
											<select id="select_conditionSfqy" name="select_conditionSfqy" lay-filter="select_conditionSfqy">

											</select>
										</div>
									</div>

									<div class="layui-form-item">
										<label class="layui-form-label">弹框配置</label>
										<div class="layui-input-block">
											<input id="tjtkpzqk" type="text" readonly lay-verify=""  value="未配置" style="width: 85px;float: left;margin-right: 5px;" autocomplete="off"  class="layui-input">
											<button style=""  onclick="return false" id="tjtkdjpz" class="layui-btn layui-btn-normal" >点击配置</button>
										</div>
									</div> -->

								</form>
								<div>
								    <p style="color:#ff0000;">注：1920*1080在部分苹果手机上无法正常显示，请慎用！</p>
								    属性说明：<br> 1.画布大小：对于常规画布而言实际显示时与分辨率无关,会根据宽高比自适应放大或缩小(含手机端)；如果画面横向走势明显，请选择宽高差距大的比例；反之，请选择差距小的比例；如果只做移动端竖屏开发，请选择"手机竖屏"；请注意布局居中化和边界留白。对于弹框画布而言如果不考虑手机端，只要小于母画布即可；如果考虑手机端，建议最大宽度为360，最大高度为600.
								    <br> 2.画布辅助线：只为编辑对齐提供方便，如已打开，最后保存之前请关掉辅助线；
								</div>


							</div>

							<!-- <div class="layui-tab-item">
								<div id="stageStructure" class="demo-tree demo-tree-box" ></div>


							</div> -->

						</div>
					</div>

				</div>
			</div>

			<!-- <div class="main_page_botton">
				（v1.2.6.3）
				<button style="background:#159e05 ;padding: 0 8px;line-height: 30px;height: 30px;"  id="shortcut_key"  class="layui-btn layui-btn-normal" ><i  class="fa fa-keyboard-o fa-lg "></i> 快捷键</button>
			</div>
 -->

		</div>

		<!--隐藏div 右键菜单-->
		<div id="menu">
			<div>
				<button id="module_lock"><span class="iconLock"></span>锁&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;定</button>
				<button id="module_unlock"><span class="iconUnLock"></span>解除锁定</button>
				<hr style = 'margin:0'/>
				<button id="module_up"><span class="iconUp"></span>上移一层</button>
				<button id="module_down"><span class="iconDown"></span>下移一层</button>
				<button id="module_top"><span class="iconTop"></span>置于顶层</button>
				<button id="module_bottom"><span class="iconBotton"></span>置于底层</button>
				<hr style = 'margin:0'/>
				<button id="left_align"><span class="iconLeftAlign"></span>左&nbsp;&nbsp;对&nbsp;&nbsp;齐</button>
				<button id="right_align"><span class="iconRightAlign"></span>右&nbsp;&nbsp;对&nbsp;&nbsp;齐</button>
				<button id="up_align"><span class="iconUpAlign"></span>上&nbsp;&nbsp;对&nbsp;&nbsp;齐</button>
				<button id="buttom_align"><span class="iconDownAlign"></span>下&nbsp;&nbsp;对&nbsp;&nbsp;齐</button>
				<button id="center_horizontally"><span class="iconHorizontalCenter"></span>水平居中</button>
				<button id="vertical_horizontally"><span class="iconVerticalCenter"></span>垂直居中</button>
				<hr style = 'margin:0'/>
				<button id="module_delete"><span class="iconDelete"></span>删除组件</button>
				<button id="anchor_delete"><span class="iconDelete"></span>删除锚点</button>

			</div>
		</div>


		<div class="pc_Shortcut" id="pc_Shortcut" style="top:50px;">
			<div class="pc_Shortcut_head">
				快捷键说明
				<a href="javascript:;" class="pc_Shortcut_down" id="pc_Shortcut_down">
					<i class="fa fa-chevron-down" aria-hidden="true"></i>
				</a>

			</div>
			<div class="pc_Shortcut_con mCustomScrollbar _mCS_7" id="pc_Shortcut_con">
				<div id="mCSB_7" class="mCustomScrollBox mCS-dark mCSB_vertical mCSB_inside" tabindex="0" style="max-height: none;">
					<div id="mCSB_7_container" class="mCSB_container" style="position:relative; top:0; left:0;" dir="ltr">
						<div class="pc_Shortcut_tab">
							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									全选
								</div>
								<div class="pc_Shortcut_td">
									Ctrl + A
								</div>
							</div>

							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									保存
								</div>
								<div class="pc_Shortcut_td">
									Ctrl + S
								</div>
							</div>
							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									预览
								</div>
								<div class="pc_Shortcut_td">
									Ctrl + p
								</div>
							</div>
							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									撤回
								</div>
								<div class="pc_Shortcut_td">
									Ctrl + Z
								</div>
							</div>
							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									恢复
								</div>
								<div class="pc_Shortcut_td">
									Ctrl + Y
								</div>
							</div>
							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									复制
								</div>
								<div class="pc_Shortcut_td">
									Ctrl + V
								</div>
							</div>
							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									跨图纸复制
								</div>
								<div class="pc_Shortcut_td">
									原:Ctrl+C,新:Ctrl+V
								</div>
							</div>
							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									删除
								</div>
								<div class="pc_Shortcut_td">
									DELETE
								</div>
							</div>
							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									画布缩放
								</div>
								<div class="pc_Shortcut_td">
									滚轮
								</div>
							</div>
							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									画布平移
								</div>
								<div class="pc_Shortcut_td">
									Alt + 鼠标左键拖动
								</div>
							</div>
							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									逐个加入选框
								</div>
								<div class="pc_Shortcut_td">
									Ctrl + 鼠标选择
								</div>
							</div>

							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									向上移动元素
								</div>
								<div class="pc_Shortcut_td">
									↑
								</div>
							</div>
							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									向上移动10元素
								</div>
								<div class="pc_Shortcut_td">
									Ctrl + ↑
								</div>
							</div>
							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									向下移动元素
								</div>
								<div class="pc_Shortcut_td">
									↓
								</div>
							</div>
							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									向下移动10元素
								</div>
								<div class="pc_Shortcut_td">
									Ctrl + ↓
								</div>
							</div>
							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									向左移动元素
								</div>
								<div class="pc_Shortcut_td">
									←
								</div>
							</div>
							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									向左移动10元素
								</div>
								<div class="pc_Shortcut_td">
									Ctrl + ←
								</div>
							</div>
							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									向右移动元素
								</div>
								<div class="pc_Shortcut_td">
									→
								</div>
							</div>
							<div class="pc_Shortcut_row">
								<div class="pc_Shortcut_td">
									向右移动10元素
								</div>
								<div class="pc_Shortcut_td">
									Ctrl + →
								</div>
							</div>
						</div>
			        </div>
			   </div>
			</div>
		</div>
		<!--tips悬停提示框-->
		<p id="byzttip"><em></em><span></span></p>
		<script src="js/stageOperation.js"></script>
		<script src="js/ArrayStack.js"></script>
		<script src="js/zt_index.js"></script>
        <script>
			// if (!localStorage.getItem('attoken') || (!localStorage.getItem('atuser'))) {
			//     window.location = "http://yklink.net:36000";
			//     localStorage.clear();
			// }

			function getToken(){
				var data = {
					"refresh_token": localStorage.getItem("at_retoken")
				};
				var xhr = new XMLHttpRequest();
				xhr.open('post', localStorage.getItem("baseURL")+"/api/user/refreshToken", true);
				xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
				xhr.timeout = 4000;
				xhr.send(JSON.stringify(data));
				xhr.onreadystatechange = function() {
					// 判断服务器是否正确响应
					if (xhr.readyState == 4 && xhr.status == 200) {
						var res = JSON.parse(xhr.response);
						//console.log(res.data.accessToken);
						localStorage.setItem("attoken", res.data.accessToken);
					}
				};
			}
			window.onload=function(){
				getToken();
				setInterval(function() {
					getToken();
				},10200000);//10200000
			}

			function refresh() {
			    //console.log("a");
			    window.location.reload();
			}
		</script>
		<!--隐藏div 右键菜单-->
       <!--动画条件行具栏-->
		<script type="text/html" id="wherebar">
			<button type="button" class="layui-btn layui-btn-normal layui-btn-sm" lay-event="delWhere"><i class="layui-icon"></i></button>
		</script>
	<!--水流动画选项-->
		<script type="text/html" id="flowAnimationOption">
			<select name="flowAnimationOption_select" lay-filter="flowAnimationOption_select">
				<option {{ d.code == '' ? 'selected' : '' }  value="">请选择</option>
				<option {{ d.code == '1' ? 'selected' : '' }}  value="1">正向流动</option>
				<option {{ d.code == '11' ? 'selected' : '' }}  value="11">快速正向流动</option>
				<option {{ d.code == '2' ? 'selected' : '' }} value="2">反向流动</option>
				<option {{ d.code == '22' ? 'selected' : '' }} value="22">快速反向流动</option>
			</select>
		</script>
		<!--旋转动画选项-->
		<script type="text/html" id="directionRotationOption">
			<select name="directionRotationOption_select" lay-filter="directionRotationOption_select">
				<option {{ d.directionRotation == '' ? 'selected' : '' }  value="">请选择</option>
				<option {{ d.directionRotation == '1' ? 'selected' : '' }}  value="1">顺时针旋转</option>
				<option {{ d.directionRotation == '11' ? 'selected' : '' }}  value="11">快速-顺时针旋转</option>
				<option {{ d.directionRotation == '2' ? 'selected' : '' }} value="2">逆时针旋转</option>
				<option {{ d.directionRotation == '22' ? 'selected' : '' }} value="22">快速-逆时针旋转</option>
			</select>
		</script>
		<!--颜色选项-->
		<script type="text/html" id="layuiTableColorSelect">
			{{#
			 var colorUUid =Math.uuid();

			}}
			<div id="selectTableColor_{{colorUUid}}" color="{{d.color}}" ></div>
		</script>
		<!--开关图标-->
		<script type="text/html" id="layuiTableSwitchSelect">
			{{#
			var colorUUid_switch =Math.uuid();

			}}
			<img id="selectTableSwitch_{{colorUUid_switch}}" src="{{d.icon}}" style="width: 30px;cursor:pointer" />
		</script>
		<!--状态图片-->
		<script type="text/html" id="layuiTableImageSelect">
			{{#
			var UUid_Image =Math.uuid();

			}}
			<img id="selectTableImage_{{UUid_Image}}" src="{{d.icon}}" style="width: 30px;cursor:pointer" />
		</script>

		<!--点击事件发出类型-->
		<script type="text/html" id="selectClickType">
			<select name="selectClickType_select" lay-filter="selectClickType_select">
				<option {{ d.code == '' ? 'selected' : '' }  value="">请选择</option>
				<!-- <option {{ d.code == '1' ? 'selected' : '' }}  value="1">发送命令</option> -->
				<option {{ d.code == '2' ? 'selected' : '' }}  value="2">打开网址</option>
				<option {{ d.code == "3" ? "selected" : "" }}  value="3">切换图纸</option>
			</select>
		</script>
		<!--基础信息值类型-->
		<script type="text/html" id="valueType">
			<select name="infoClickType_select" lay-filter="infoClickType_select">
				<option {{ d.type == '1' ? 'selected' : '' }}  value="1">文本</option>
				<!-- 由于不是通过数据点名称获取的值，所以无法显示变量名称，暂时屏蔽，客户可手动文本输入 -->
				<!-- <option {{ d.type == '2' ? 'selected' : '' }}  value="2">变量</option> -->
				<option {{ d.type == '3' ? 'selected' : '' }}  value="3">时间</option>
				<option {{ d.type == '4' ? 'selected' : '' }}  value="4">状态</option>
				<option {{ d.type == '5' ? 'selected' : '' }}  value="5">图纸</option>
			</select>
		</script>


		<!--数据点选择下拉列表-旋转-->
		<script type="text/html" id="device_rotate_Select">
			<input  type="text" placeholder="点击选择"  style="cursor:pointer"  readOnly="readOnly"  value="{{d.devicecode==''?'':d.devicename}}" id="{{d.devicecode==''?'':d.devicecode}}" name="device_rotate_Select_select" autocomplete="off"  class="layui-input"  />
		</script>
		<!--数据点选择下拉列表-影藏-->
		<script type="text/html" id="device_hide_Select">
			<input  type="text" placeholder="点击选择"  style="cursor:pointer"  readOnly="readOnly"  value="{{d.devicecode==''?'':d.devicename}}" id="{{d.devicecode==''?'':d.devicecode}}" name="device_hide_Select_select" autocomplete="off"  class="layui-input"  />
		</script>
		<!--数据点选择下拉列表-闪烁-->
		<script type="text/html" id="device_sparkling_Select">
			<input  type="text" placeholder="点击选择"  style="cursor:pointer"  readOnly="readOnly"  value="{{d.devicecode==''?'':d.devicename}}" id="{{d.devicecode==''?'':d.devicecode}}" name="device_sparkling_Select_select" autocomplete="off"  class="layui-input"  />
		</script>
		<!--数据点选择下拉列表-绑定多个变量-->
		<script type="text/html" id="device_KeyArrayTable_Select">
			<input  type="text" placeholder="选择数据点"  style="cursor:pointer"  readOnly="readOnly"  value="{{d.key.split('@')[0]}}" id="{{d.key}}" name="device_KeyArrayTable_Select_select" autocomplete="off"  class="layui-input"  />
		</script>
		<!-- 监控面板默认参数 -->
		<script type="text/html" id="dataViewDefaultSet">
			<input  type="text" placeholder="点击设置"  style="cursor:pointer"  readOnly="readOnly"  value="" name="dataViewDefaultSet_set" autocomplete="off"  class="layui-input"  />
		</script>

		<!--值列表-基础信息-->
		<script type="text/html" id="value_basicInfo_Select">
			{{#  if(d.type == "1"){ }}<!--文本-->
			<input  type="text" placeholder="请填写值"   value="{{d.value==''?'':d.value}}" name="infoValueInput" autocomplete="off"  class="layui-input"  />
			{{#  } }}
			<!--变量-->
			<!-- {{#  if(d.type == "2"){ }}
			<input  type="text" placeholder="选择数据点"  style="cursor:pointer"  readOnly="readOnly"  value="{{d.value==''?'':d.value.devicename+'-'+d.value.devicecode}}" name="device_basicInfo_Select_select" autocomplete="off"  class="layui-input"  />
			{{#  } }} -->
			{{#  if(d.type == "3"){ }}
			<!--时间-->
			<span>---</span>
			{{#  } }}
			{{#  if(d.type == "4"){ }}<!--状态-->
			<input  type="text" placeholder="点击配置"  style="cursor:pointer"  readOnly="readOnly"        value="{{d.value==''||d.value.key==''?'点击配置':'已配置'}}"  name="state_basicInfo_Select_select" autocomplete="off"  class="layui-input"  />
			{{#  } }}
			{{#  if(d.type == "5"){ }}<!--图纸-->
			<select name="view_basicInfo_Select_select" id="viewBasicInfoSelect" lay-filter="view_basicInfo_Select_select">
				 <!-- <option {{ d.code == '' ? 'selected' : '' }  value="">请选择</option> -->

			</select>
			{{#  } }}

		</script>



	</body>
</html>
